<template>
  <view class="introduction-page">
    <view :class="['fade-in-all', showAll ? 'show' : '']">
      <!-- 顶部标题 -->
      <view class="header">
        <text class="title">东软颐养中心</text>
      </view>
      <!-- 中心介绍内容 -->
      <view class="content">
        <view class="section">
          <text class="section-title">中心简介</text>
          <text class="section-content">
            东软颐养中心是一家专业的医养结合服务机构，致力于为老年人提供高品质的医疗护理和生活照料服务。我们拥有专业的医护团队和先进的医疗设备，为每一位入住老人提供个性化、全方位的健康管理服务。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">服务特色</text>
          <view class="feature-list">
            <view class="feature-item">
              <text class="feature-dot">•</text>
              <text class="feature-text">24小时专业医护服务</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">•</text>
              <text class="feature-text">个性化康复训练计划</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">•</text>
              <text class="feature-text">营养配餐与健康管理</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">•</text>
              <text class="feature-text">丰富多彩的文娱活动</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">•</text>
              <text class="feature-text">家属探视与沟通服务</text>
            </view>
          </view>
        </view>
        
        <view class="section">
          <text class="section-title">设施环境</text>
          <text class="section-content">
            中心环境优美，设施完善，配备有康复训练室、多功能活动室、阅览室、餐厅等各类功能区域。房间温馨舒适，配备专业护理床和呼叫系统，确保老人安全舒适的生活环境。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">中心荣誉</text>
          <view class="honor-list">
            <view class="honor-item">• 国家级医养结合示范单位</view>
            <view class="honor-item">• 辽宁省五星级养老机构</view>
            <view class="honor-item">• 沈阳市优质护理服务先进集体</view>
            <view class="honor-item">• 连续三年客户满意度95%以上</view>
          </view>
        </view>

        <view class="section">
          <text class="section-title">服务团队</text>
          <text class="section-content">
            中心拥有一支由资深医生、注册护士、康复治疗师、营养师、心理咨询师等组成的多学科团队，全天候为长者健康保驾护航。团队成员均具备丰富的老年护理和慢病管理经验，定期接受专业培训，确保服务质量持续提升。
          </text>
        </view>

        <view class="section">
          <text class="section-title">健康管理</text>
          <text class="section-content">
            中心为每位长者建立个人健康档案，定期进行健康评估和慢病筛查，提供个性化健康干预方案。配备先进的健康监测设备，实现血压、血糖、心率等指标的实时监控，及时预警健康风险。
          </text>
        </view>

        <view class="section">
          <text class="section-title">特色活动</text>
          <text class="section-content">
            中心定期举办丰富多彩的文娱活动，如书画、手工、合唱、棋牌、健康讲座、节日联欢等，丰富长者精神文化生活，促进身心健康。还设有志愿者服务队，组织社会公益活动，增强长者归属感和幸福感。
          </text>
        </view>

        <view class="section">
          <text class="section-title">入住流程</text>
          <view class="feature-list">
            <view class="feature-item">
              <text class="feature-dot">1.</text>
              <text class="feature-text">电话/线上咨询，预约参观</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">2.</text>
              <text class="feature-text">现场评估，定制服务方案</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">3.</text>
              <text class="feature-text">签订协议，办理入住手续</text>
            </view>
            <view class="feature-item">
              <text class="feature-dot">4.</text>
              <text class="feature-text">健康档案建立，正式入住</text>
            </view>
          </view>
        </view>

        <view class="section">
          <text class="section-title">交通指引</text>
          <text class="section-content">
            中心地理位置优越，交通便利。可乘坐地铁2号线至创新路站，步行500米即到。周边设有多条公交线路，方便家属探访。中心配备专用停车场，支持自驾车辆停放。
          </text>
        </view>
        
        <view class="section">
          <text class="section-title">联系我们</text>
          <view class="contact-info">
            <view class="contact-item">
              <text class="contact-label">地址：</text>
              <text class="contact-value">辽宁省沈阳市浑南区创新路195号xxxx</text>
            </view>
            <view class="contact-item">
              <text class="contact-label">电话：</text>
              <text class="contact-value">024-12345678</text>
            </view>
            <view class="contact-item">
              <text class="contact-label">邮箱：</text>
              <text class="contact-value">yiyang@neusoft.com</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showAll: false
    };
  },
  onReady() {
    // 页面渲染完毕后再显示
    setTimeout(() => {
      this.showAll = true;
    }, 50); // 50ms延迟更自然
  },
  methods: {
    
  }
};
</script>

<style scoped>
.introduction-page {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
}

.header {
  text-align: center;
  margin-bottom: 30px;
  padding-top: 10px;
}

.title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

.content {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.section {
  margin-bottom: 25px;
}

.section-title {
  font-size: 18px;
  font-weight: bold;
  color: #5bb8ac;
  margin-bottom: 10px;
  display: block;
}

.section-content {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  text-align: justify;
}

.feature-list {
  margin-top: 10px;
}

.feature-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}

.feature-dot {
  color: #5bb8ac;
  font-size: 18px;
  margin-right: 8px;
  line-height: 1.4;
}

.feature-text {
  font-size: 16px;
  color: #666;
  line-height: 1.4;
  flex: 1;
}

.contact-info {
  margin-top: 10px;
}

.contact-item {
  display: flex;
  margin-bottom: 8px;
}

.contact-label {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  min-width: 60px;
}

.contact-value {
  font-size: 16px;
  color: #666;
  flex: 1;
}

.honor-list {
  margin-top: 10px;
}
.honor-item {
  font-size: 15px;
  color: #888;
  margin-bottom: 4px;
  padding-left: 10px;
  position: relative;
}
.honor-item::before {
  content: "🏅";
  position: absolute;
  left: 0;
  color: #f7b500;
  font-size: 16px;
}

.fade-in-all {
  opacity: 0;
  transition: opacity 0.5s;
}
.fade-in-all.show {
  opacity: 1;
}
</style> 